<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>时钟卡片</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="clock">
        <div class="flip">
           <div class="digital front" data-number="0"></div>
           <div class="digital back" data-number="1"></div>
        </div>
        <div class="flip">
            <div class="digital front" data-number="0"></div>
            <div class="digital back" data-number="1"></div>
         </div>
         <em class="divider">:</em>
         <div class="flip">
            <div class="digital front" data-number="0"></div>
            <div class="digital back" data-number="1"></div>
         </div>
         <div class="flip">
             <div class="digital front" data-number="0"></div>
             <div class="digital back" data-number="1"></div>
          </div>
          <em class="divider">:</em>
          <div class="flip">
            <div class="digital front" data-number="0"> </div>
            <div class="digital back" data-number="1"></div>
         </div>
         <div class="flip">
             <div class="digital front" data-number="0"></div>
             <div class="digital back" data-number="1"></div>
          </div>
    </div>

    <script src="./index.js"></script>
</body>
</html>